* {
    margin: 0;
    padding:0;
}
body>div {
    width: 100%;
    height: 800px;
}
/* 上方标题区域调整 */
.above-the-title {
    width: 100%;
    height: 150px;
    background: #86c1eb;
}
.above-the-title img {
    height: 100px;
    margin: 20px 100px  10px;
}
.above-the-title span {
    font-size: 45px;
    color: #f3f9f1;
}

.content-all {
    width: 100%;
    height: 500px;
}
/* 左侧列表区域调整 */
.left-list {
    float: left;
    width: 300px;
    height: 390px;
}

.left-list li{
    height: 65px;
    color: ivory;
    background: #bda1f1;
} 
.left-list li>a {
    color: ivory;
}
.list-group-item:hover {
    background-color: #c9fcc9;
}


/* 右侧表格区域调整 */
.right-table {
    float: left;
    width: 960px;
    height: 390px;
    background:#fbefd7;
    overflow: auto;
}
.right-table td {
    border-bottom:1px solid grey;
}
.right-table th {
    border-bottom:1px solid grey;
}
table tr>td {
    width: 192px;
    text-align: center;
}
.btn {
    background-color: rgb(140, 213, 223);
    border-color: rgb(140, 213, 223);
}
.btn:hover {
    background-color:  #c9fcc9;
    border-color:  #c9fcc9;
}